<!DOCTYPE HTML>
<html>
	<head>
		<title>Home Page</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text\css" href="homestyle.css"/>
		<link rel="stylesheet" type="text/css" href="wt-rotator.css"/>
		<script type="text/javascript" src="js/jquery.banner-rotator.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".container").wtRotator({
					width : 529,
					height : 192,
					thumb_width : 24,
					thumb_height : 24,
					button_width : 24,
					button_height : 24,
					button_margin : 5,
					auto_start : true,
					delay : 5000,
					play_once : false,
					transition : "block.left",
					transition_speed : 800,
					auto_center : true,
					easing : "",
					cpanel_position : "inside",
					cpanel_align : "BR",
					timer_align : "top",
					display_thumbs : true,
					display_dbuttons : true,
					display_playbutton : true,
					display_thumbimg : false,
					display_side_buttons : false,
					display_numbers : true,
					display_timer : true,
					mouseover_pause : false,
					cpanel_mouseover : false,
					text_mouseover : false,
					text_effect : "fade",
					text_sync : true,
					tooltip_type : "image",
					lock_tooltip : true,
					shuffle : false,
					block_size : 45,
					vert_size : 55,
					horz_size : 50,
					block_delay : 25,
					vstripe_delay : 75,
					hstripe_delay : 180
				});
			});
		</script>
	</head>
	<body   bgproperties="fixed">
		<header id="site-header">
			<div class="bannerdiv">
				<div class="logo">
					<!--Logo-->
					<img src="Images/logo.png" style="margin: 0px auto;"/>
				</div>
				<div class="search">
					<!--Search-->
					<form id="search-form" action="" >
						<div class="input-search">
							<input placeholder="   Bạn muốn tìm gì hôm nay?" type="text" id="search-keyword" name="search-keyword" class="search-keyword" autocomplete="off" onkeydown="" onkeyup="">
							<input value="Tìm" type="submit" id="search-submit" name="search-submit" class="submit-button">
						</div>
						<div class="search-suggestion"></div>

					</form>

				</div>
				<div class="user">
					<div class="avatar">
						<a href="#" title="Tài khoản của bạn" class="avatar"> </a>
						<img src="Images/default_avatar.png" />
					</div>
					<div class="login">
						<a href="#" title="Tài khoản của bạn" class="login">Sign up/Login</a>
					</div>

				</div>
			</div><!-- End banner-->
		</header>
		<!--End header-->

		<div class="contentdiv">
			<div class="menu">
				<div>
					<img src="Images/menu1.png" class="menu1"/>
				</div>
				<div>
					<img src="Images/menu1.png" class="menu2"/>
				</div>
	
				<div>
				<img src="Images/menu1.png" class="menu3"/>
				</div>
				<div>
				<img src="Images/menu1.png" class="menu4"/>
				</div>
				<div>
				<img src="Images/menu1.png" class="menu5"/>
				</div>
				<div>
				<img src="Images/menu1.png" class="menu6"/>
				</div>
			
			</div>

			<!--<div class="sidebar">
				<img src="Images/sidebar.gif"/>
			</div>-->
			
			<!-- containner-->
			<div class="container">
				<div class="wt-rotator">
					<div class="screen">
						<noscript>
							<!-- placeholder 1st image when javascript is off -->
							<img src="images/madness_arch2.jpg"/>
						</noscript>
					</div>
					<div class="c-panel">
						<div class="thumbnails">
							<ul>
								<li>
									<a href="images/madness_arch2.jpg" title="architecture"><img src="images/thumbs/madness_arch2.jpg"/></a>
									<a href="#" target="_blank"> </a>

								</li>
								<li>
									<a href="images/triworks_abstract17.jpg" title="3D abstract art"><img src="images/thumbs/triworks_abstract17.jpg"/></a>
									<a href="#" target="_blank"> </a>

								</li>
								<li>
									<a href="images/krazy-kartoons-robot-dj02.jpg" title="krazy kartoons"><img src="images/thumbs/krazy-kartoons-robot-dj02.jpg"/></a>
									<a href="#" target="_blank"> </a>

								</li>
								<li>
									<a href="images/card10.jpg" title="rockable press"><img src="images/thumbs/card10.jpg"/></a>
									<a href="#" target="_blank"> </a>

								</li>
								<li>
									<a href="images/triworks_abstract26.jpg" title="3D abstract art"><img src="images/thumbs/triworks_abstract26.jpg"/></a>
									<a href="#" target="_blank"> </a>

								</li>
								<li>
									<a href="images/triworks_objects17.jpg" title="3D objects"><img src="images/thumbs/triworks_objects17.jpg"/></a>
									<a href="#" target="_blank"> </a>

								</li>
								<li>
									<a href="images/scottwills_building2.jpg" title="building"><img src="images/thumbs/scottwills_building2.jpg"/></a>
									<a href="#" target="_blank"> </a>
									<div style="top:94px; left:484px; width:336px; height:0; color:#FFF; background-color:#000;">
										<h1>JQuery Banner Rotator</h1>

									</div>
								</li>
								<li>
									<a href="images/moo10.jpg" title="say it in print"><img src="images/thumbs/moo10.jpg"/></a>
									<a href="http://codecanyon.net/user/webtako?ref=webtako" target="_blank"> </a>
									<div style="top:5px; left:484px; width:336px; height:0; color:#FFF; background-color:#000;">
										<h1>JQuery Banner Rotator</h1>

									</div>
								</li>
							</ul>
						</div>
						<div class="buttons">
							<div class="prev-btn"></div>
							<div class="play-btn"></div>
							<div class="next-btn"></div>
						</div>
					</div>
				</div>
			</div>
			<!--End containner-->

			<div class="productdiv" >
				<p>
					bây h mình sẽ theo bố cục giống trang thegioididong cho mau. Bây h là tuần 10 rồi , còn khoảng 5 -6 tuần nữa deadline nên tao sợ ko kịp.
				
				</p>
				<ul class="product-list" style="list-style: none;">
					<li style="display: inline;" >
						<a href="/dtdd/nokia-lumia-520" alt="Nokia Lumia 520">
							<div class="img clearfix">
								<img src="http://cdn.tgdd.vn/Products/Images/42/58119/Nokia-Lumia-520-m.jpg" alt="Nokia Lumia 520">
							</div>
							<div class="name clearfix">
								<h3>Nokia Lumia 520</h3>
								<div class="price-list clearfix">
									<cite class="price">3.490.000₫</cite>
									<del class="old-price"> </del>
								</div>
							</div>
						</a>
					</li>
					<li style="display: inline;">
						<a href="/dtdd/nokia-lumia-520" alt="Nokia Lumia 520">
							<div class="img clearfix">
								<img src="http://cdn.tgdd.vn/Products/Images/42/58119/Nokia-Lumia-520-m.jpg" alt="Nokia Lumia 520">
							</div>
							<div class="name clearfix">
								<h3>Nokia Lumia 520</h3>
								<div class="price-list clearfix">
									<cite class="price">3.490.000₫</cite>
									<del class="old-price"> </del>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="/dtdd/nokia-lumia-520" alt="Nokia Lumia 520">
							<div class="img clearfix">
								<img src="http://cdn.tgdd.vn/Products/Images/42/58119/Nokia-Lumia-520-m.jpg" alt="Nokia Lumia 520">
							</div>
							<div class="name clearfix">
								<h3>Nokia Lumia 520</h3>
								<div class="price-list clearfix">
									<cite class="price">3.490.000₫</cite>
									<del class="old-price"> </del>
								</div>
							</div>
						</a>
					</li>

				</ul>
			</div>

			<section class="menurightdiv">
				<div class="listtype">
					<ul style="list-style: none">
						<li class="clearfix">
							<div class="news-avatar-wrapper"  style="display: inline; margin: auto auto auto -30px">
								<a href="abc"><img src="Images/card10.jpg" width="60" height="50"/></a>
							</div>
							<div class="news-teaser-wrapper"  style="display: inline;"> 
								<a href="abc">Điện thoại Nokia</a>
							</div>
							<hr style="margin-left: -30px"/>
						</li>
						<li class="clearfix">
							<div class="news-avatar-wrapper"  style="display: inline; margin: auto auto auto -30px">
								<a href="abc"><img src="Images/card10.jpg" width="60" height="50"/></a>
							</div>
							<div class="news-teaser-wrapper"  style="display: inline;"> 
								<a href="abc">Điện thoại Nokia</a>
							</div>
							<hr style="margin-left: -30px"/>
						</li>
						<li class="clearfix">
							<div class="news-avatar-wrapper"  style="display: inline; margin: auto auto auto -30px">
								<a href="abc"><img src="Images/card10.jpg" width="60" height="50"/></a>
							</div>
							<div class="news-teaser-wrapper"  style="display: inline;"> 
								<a href="abc">Điện thoại Nokia</a>
							</div>
							<hr style="margin-left: -30px"/>
						</li>
						<li class="clearfix">
							<div class="news-avatar-wrapper"  style="display: inline; margin: auto auto auto -30px">
								<a href="abc"><img src="Images/card10.jpg" width="60" height="50"/></a>
							</div>
							<div class="news-teaser-wrapper"  style="display: inline;"> 
								<a href="abc">Điện thoại Nokia</a>
							</div>
							<hr style="margin-left: -30px"/>
						</li>
						<li class="clearfix">
							<div class="news-avatar-wrapper"  style="display: inline; margin: auto auto auto -30px">
								<a href="abc"><img src="Images/card10.jpg" width="60" height="50"/></a>
							</div>
							<div class="news-teaser-wrapper"  style="display: inline;"> 
								<a href="abc">Điện thoại Nokia</a>
							</div>
						</li>
						
					</ul>
					<div class="view-all">
						<a href="/tin-tuc-dien-dan" title="Xem tất cả tin tức">Xem tất cả tin tức <span style="font-size:15px">»</span></a>
					</div>
				</div>
				
				<div class="ads">
					<div class="tittle">
						<h3> Rao Vặt</h3>
					</div>
				</div>
				
                <div class="ads-input">
					<div class="input-ads">
						<input placeholder="    Bạn muốn rao bán gì?" type="text" onclick="" name="ads-name" value="" class="ads-name">
						<input value="Đăng tin" type="button" onclick="" class="ads-submit">
					</div>
                </div>

			</section>

		</div><!-- End content-->

		<footer   id="site-footer" >
			<div class="footer-wrapper">
				<div class="col-about">
					<div class="col-title">
						<a href="" title="Giới Thiệu">GIỚI THIỆU</a>
					</div>
					<ul class="nolist">
						<li>
							<a href="" title="Tuyển dụng">Tuyển dụng</a>
						</li>
						<li>
							<a href="" title="Liên hệ">Liên hệ</a>
						</li>
						<li>
							<a href="/tos" title="Điều khoản sử dụng">Điều khoản sử dụng</a>
						</li>
						<li>
							<a href="/b2b" title="Ưu đãi doanh nghiệp">Ưu đãi doanh nghiệp</a>
						</li>
					</ul>
				</div>
				<div class="col-for-customer">
					<div class=" col-title">
						<a href="/ho-tro-khach-hang" title="Hỗ Trợ Khách Hàng">HỖ TRỢ KHÁCH HÀNG</a>
					</div>
					<ul class="nolist">
						<li>
							<a href="/tra-gop" title="Mua hàng trả góp">Mua hàng trả góp</a>
						</li>
						<li>
							<a href="/giao-hang" title="Giao hàng">Giao hàng</a>
						</li>
						<li>
							<a href="/bao-hanh" title="Bảo hành">Bảo hành</a>
						</li>
						<li>
							<a href="" title="Thanh toán">Thanh toán</a>
						</li>
						<li>
							<a href="" title="Kiểm tra đơn hàng">Kiểm tra đơn hàng</a>
						</li>
					</ul>
				</div>
				<div class="col-customer-support">
					<div class="col-title">
						Tổng đài bán hàng, tư vấn (7:30 - 22:00)
					</div>
					<div class="clearfix">
						<b>1900.561.292</b> hoặc <b>(08) 38.102.102</b>
					</div>
					<br>
					<div class="clearfix col-title">
						Khiếu nại (8:00 - 21:30)
					</div>
					<div class="clearfix">
						<b>1900.1887</b>
					</div>
				</div>
				<div class="col-promotion">
					<div class="contact-wrapper">

						<a href="" class="subscribe-header"><b>NHẬN TIN KHUYẾN MÃI VÀ QUÀ TẶNG HẤP DẪN</b></a>

					</div>
				</div>
			</div>
			<div class="copyright">
				<h4 style="font-weight:bold;">© 2013. T2L Group Suoi Tien Park, HCMC.</h4>
			</div>

		</footer><!-- End footer-->
	</body>
</html>